<script setup></script>

<template>
  <div class="px-4">
    <div class="max-w-[1200px] relative py-[140px] mx-auto lg:py-20 md:py-12">
      <div class="grid grid-cols-2 gap-x-6 lg:grid-cols-1 lg:gap-y-6 md:gap-y-3">
        <div class="">
          <div class="w-[474px] lg:w-full">
            <svg
              width="46"
              height="40"
              viewBox="0 0 46 40"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              class="text-[#00EAB4] w-[46px] h-[40px] lg:hidden"
            >
              <path
                d="M19.676 21.099v18.615H0V22.858L9.37.286h10.306l-7.964 20.813h7.964ZM46 21.099v18.615H26.324V22.858L35.694.286H46l-7.964 20.813H46Z"
                fill="currentColor"
              ></path>
            </svg>
            <h2 class="text-6xl font-bold mt-[10px] lg:text-center md:text-xl" _msttexthash="57010928" _msthash="4273">
              我们的客户如何评价我们？
            </h2>
          </div>
          <div class="grid grid-cols-2 gap-x-6 lg:grid-cols-1 lg:gap-x-0 lg:mt-6 md:mt-5">
            <div class="mt-[106px] lg:mt-0">
              <div class="p-6 rounded-xl bg-[#F1F6FE]">
                <figure class="w-12 h-12 overflow-hidden rounded-full relative">
                  <img
                    alt="约瑟夫·福勒"
                    loading="lazy"
                    decoding="async"
                    data-nimg="fill"
                    class="w-full h-full object-cover"
                    src="@/assets/img/detection/avatar-22.jpg"
                    style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent"
                    _mstalt="203801"
                    _msthash="4274"
                  />
                </figure>
                <div class="text-lg font-semibold my-1" _msttexthash="16500744" _msthash="4275">约瑟夫·福勒</div>
                <div class="text-sm text-[#94A2AE]" _msttexthash="19962007" _msthash="4276">数字营销人员</div>
                <p class="mt-3 text-sm" _msttexthash="1963027001" _msthash="4277">
                  我使用 ChatGPT 来大量协助我的内容创作，所以我需要一个 AI
                  检测旁路器来使我的内容人性化。我尝试了很多次，它们只产生难以阅读的重写。但是 HIX Bypass
                  不同！它可以给我高度可读的人性化文本，没有任何语法错误。
                </p>
              </div>
            </div>
            <div class="mt-10 space-y-6 lg:mt-6 md:mt-3 md:space-y-3">
              <div class="p-6 rounded-xl bg-[#F1F6FE]">
                <figure class="w-12 h-12 overflow-hidden rounded-full relative">
                  <img
                    alt="威尔玛·纽曼"
                    loading="lazy"
                    decoding="async"
                    data-nimg="fill"
                    class="w-full h-full object-cover"
                    src="@/assets/img/detection/avatar-23.jpg"
                    style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent"
                    _mstalt="176150"
                    _msthash="4278"
                  />
                </figure>
                <div class="text-lg font-semibold my-1" _msttexthash="16787043" _msthash="4279">威尔玛·纽曼</div>
                <div class="text-sm text-[#94A2AE]" _msttexthash="19508190" _msthash="4280">内容营销人员</div>
                <p class="mt-3 text-sm" _msttexthash="822203330" _msthash="4281">
                  HIX Bypass 的有效性简直令人难以置信。我已经用许多 AI 检测器测试了它：Winston
                  AI、Turnitin、Copyleaks，它们的输出可以轻松通过它们！
                </p>
              </div>
              <div class="p-6 rounded-xl bg-[#F1F6FE]">
                <figure class="w-12 h-12 overflow-hidden rounded-full relative">
                  <img
                    alt="詹姆斯·爱默生"
                    loading="lazy"
                    decoding="async"
                    data-nimg="fill"
                    class="w-full h-full object-cover"
                    src="@/assets/img/detection/avatar-24.jpg"
                    style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent"
                    _mstalt="203138"
                    _msthash="4282"
                  />
                </figure>
                <div class="text-lg font-semibold my-1" _msttexthash="24276434" _msthash="4283">詹姆斯·爱默生</div>
                <div class="text-sm text-[#94A2AE]" _msttexthash="4024566" _msthash="4284">博主</div>
                <p class="mt-3 text-sm" _msttexthash="677394952" _msthash="4285">
                  我尝试了几种工具，但没有什么能比得上 HIX Bypass。它真的可以帮助我绕过 ZeroGPT 和 copyleaks 等工具。我的 AI
                  生成内容从未如此安全！
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="grid grid-cols-2 gap-x-6 lg:grid-cols-1 lg:gap-x-0">
          <div class="space-y-6 md:space-y-3">
            <div class="p-6 rounded-xl bg-[#F1F6FE]">
              <figure class="w-12 h-12 overflow-hidden rounded-full relative">
                <img
                  alt="卡米尔·霍廷格"
                  loading="lazy"
                  decoding="async"
                  data-nimg="fill"
                  class="w-full h-full object-cover"
                  src="@/assets/img/detection/avatar-25.jpg"
                  style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent"
                  _mstalt="315887"
                  _msthash="4286"
                />
              </figure>
              <div class="text-lg font-semibold my-1" _msttexthash="21869224" _msthash="4287">卡米尔·霍廷格</div>
              <div class="text-sm text-[#94A2AE]" _msttexthash="15384447" _msthash="4288">内容策略师</div>
              <p class="mt-3 text-sm" _msttexthash="740494820" _msthash="4289">
                那里的许多 AI 检测绕过者会扭曲我内容的含义。但是 HIX Bypass 始终保留原始文本的含义，并且不会错过我的内容试图传递的任何内容。
              </p>
            </div>
            <div class="p-6 rounded-xl bg-[#F1F6FE]">
              <figure class="w-12 h-12 overflow-hidden rounded-full relative">
                <img
                  alt="理查德·戈德堡"
                  loading="lazy"
                  decoding="async"
                  data-nimg="fill"
                  class="w-full h-full object-cover"
                  src="@/assets/img/detection/avatar-26.jpg"
                  style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent"
                  _mstalt="276809"
                  _msthash="4290"
                />
              </figure>
              <div class="text-lg font-semibold my-1" _msttexthash="19583616" _msthash="4291">理查德·戈德堡</div>
              <div class="text-sm text-[#94A2AE]" _msttexthash="4024566" _msthash="4292">博主</div>
              <p class="mt-3 text-sm" _msttexthash="763126468" _msthash="4293">
                HIX Bypass 对我帮助很大。它可以将我的 AI 生成的内容无缝转换为类似人类的文本，任何 AI 内容检测器都无法检测到。真了不起！
              </p>
            </div>
          </div>
          <div class="space-y-6 mt-[50px] lg:mt-6 md:mt-3 md:space-y-3">
            <div class="p-6 rounded-xl bg-[#F1F6FE]">
              <figure class="w-12 h-12 overflow-hidden rounded-full relative">
                <img
                  alt="妮可·迈尔斯"
                  loading="lazy"
                  decoding="async"
                  data-nimg="fill"
                  class="w-full h-full object-cover"
                  src="@/assets/img/detection/avatar-27.jpg"
                  style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent"
                  _mstalt="179088"
                  _msthash="4294"
                />
              </figure>
              <div class="text-lg font-semibold my-1" _msttexthash="16561909" _msthash="4295">妮可·迈尔斯</div>
              <div class="text-sm text-[#94A2AE]" _msttexthash="16112746" _msthash="4296">自由撰稿人</div>
              <p class="mt-3 text-sm" _msttexthash="1431135875" _msthash="4297">
                HIX Bypass
                真的给我留下了深刻的印象。这不仅是他们的效率，而且他们的客户服务也是一流的。我在使用这个工具时遇到问题，他们在短短一个小时内就给了我解决方案。不可思议！
              </p>
            </div>
            <div class="p-6 rounded-xl bg-[#F1F6FE]">
              <figure class="w-12 h-12 overflow-hidden rounded-full relative">
                <img
                  alt="伊莎贝尔·内维尔斯"
                  loading="lazy"
                  decoding="async"
                  data-nimg="fill"
                  class="w-full h-full object-cover"
                  src="@/assets/img/detection/avatar-28.jpg"
                  style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent"
                  _mstalt="200343"
                  _msthash="4298"
                />
              </figure>
              <div class="text-lg font-semibold my-1" _msttexthash="30775173" _msthash="4299">伊莎贝尔·内维尔斯</div>
              <div class="text-sm text-[#94A2AE]" _msttexthash="10465559" _msthash="4300">电子商务</div>
              <p class="mt-3 text-sm" _msttexthash="1987229023" _msthash="4301">
                我与许多 AI 检测绕过程序作斗争，这些绕过程序提供了难以阅读的重写。然后我发现了 HIX Bypass。我用这个工具尝试了一些 AI
                检测器，它很容易通过它们。它产生的重写文本写得很漂亮！完全不像其他旁通者尴尬的人性化文本。
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="less" scoped>
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-\[140px\] {
  padding-top: 140px;
  padding-bottom: 140px;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.relative {
  position: relative;
}
*,
:after,
:before {
  --ux-color-border: 222 232 249;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: rgb(var(--ux-color-border) / 1);
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid {
  display: grid;
}
.w-\[474px\] {
  width: 474px;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid {
  display: grid;
}
.mt-\[106px\] {
  margin-top: 106px;
}
.text-\[\#00EAB4\] {
  --tw-text-opacity: 1;
  color: rgb(0 234 180 / var(--tw-text-opacity, 1));
}
.w-\[46px\] {
  width: 46px;
}
.h-\[40px\] {
  height: 40px;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
.font-bold {
  font-weight: 700;
}
.text-6xl {
  font-size: 2.5rem;
  line-height: 3.5rem;
}
.mt-\[10px\] {
  margin-top: 10px;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid {
  display: grid;
}
.mt-\[106px\] {
  margin-top: 106px;
}
.p-6 {
  padding: 1.5rem;
}
.bg-\[\#F1F6FE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 246 254 / var(--tw-bg-opacity, 1));
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-full {
  border-radius: 9999px;
}
.overflow-hidden {
  overflow: hidden;
}
.w-12 {
  width: 3rem;
}
.h-12 {
  height: 3rem;
}
.relative {
  position: relative;
}
img,
video {
  max-width: 100%;
  height: auto;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.font-semibold {
  font-weight: 600;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.text-\[\#94A2AE\],
.text-\[\#94a2ae\] {
  --tw-text-opacity: 1;
  color: rgb(148 162 174 / var(--tw-text-opacity, 1));
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
</style>
